.chat-composer {
  &__wrapper {
    padding-top: 0.75rem;
    background: none;

    .chat-replying-indicator {
      padding-left: calc(1rem + (2 * 5px) + 0.2rem + (2 * 0.65rem) + 1px);
    }
  }

  &__outer-container {
    padding: 0;
    align-items: flex-end;

    .chat-composer.is-disabled {
      opacity: 0.5;
    }
  }

  &__inner-container {
    align-self: stretch;
    min-height: unset;
  }

  &__input-container {
    padding: 0.15em 0.5em;
    background: var(--primary-very-low);
  }

  &__input {
    .ios-device & {
      background-color: transparent;
    }
  }

  &-button__wrapper {
    margin-bottom: 0.3em;
  }

  &-button.-send {
    height: auto;
    width: auto;
    margin-inline: 0.7rem;
    padding: 0.5rem;
    border-radius: 100%;
    line-height: 0;

    .is-send-enabled.is-focused &,
    .is-send-enabled & {
      background-color: var(--tertiary-high);
      color: var(--secondary);

      .d-icon {
        color: inherit;
      }
    }
  }
}
